<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<link
	rel="stylesheet"
	th:href="@{/css/bootstrap.min.css}"></link>
<link
	rel="stylesheet"
	th:href="@{/css/pages/aticleInfoList.css}" />
<script
	type="text/javascript"
	th:src="@{/js/jquery-1.11.3.min.js}"></script>
<script
	type="text/javascript"
	th:src="@{/js/bootstrap.min.js}"></script>
<script
	type="text/javascript"
	th:src="@{/js/pages/aticleInfoList.js}"></script>
<title>文章示例</title>
<meta
	http-equiv="Content-Type"
	content="text/html; charset=UTF-8" />
</head>
<body>
	<div class="page-header">
		<h1>
			文章展示示例<small>测试分页，查询，存储，创建</small>
		</h1>
	</div>
	<div class="container-fluid">
		<fieldset>
			<legend>文章分页列表</legend>
			<table
				id="aticleInfoListTable"
				class="table"
				data-index="0">
				<thead>
					<tr>
						<th>文章标题</th>
						<th>文章分类</th>
						<th>文章摘要</th>
						<th>阅读数量</th>
						<th>关键字</th>
						<th>作者</th>
						<th>收录时间</th>
					</tr>
				</thead>
				<tbody>

				</tbody>
			</table>
			<nav
				id="aticleInfoListPage"
				class="text-center">
				<ul class="pagination">
				</ul>
			</nav>
		</fieldset>
		<fieldset>
		<legend>查询文章</legend>
		<form>
		</form>
		<table></table>
		</fieldset>
		<fieldset>
		    <legend>新增文章</legend>
		    <form id="" class="form-ho">
		    </form>
		</fieldset>
	</div>

</body>
</html>